﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Main.Master" AutoEventWireup="true" CodeBehind="AlbumList.aspx.cs" Inherits="Yu.Cms.Web.AlbumList" %>
<%@ Register src="UserCtrl/Default/AlbumList.ascx" tagname="AlbumList" tagprefix="uc1" %>
<asp:Content ID="Header" ContentPlaceHolderID="ContentHeader" runat="server"> 
  <title>相册列表</title>  
   <link rel="stylesheet" type="text/css" href="Common/css/jquery.ad-gallery.css" />   
    <script language="javascript" src="Common/Js/jquery.ad-gallery.pack.js" type="text/javascript"></script>  
  <script type="text/javascript">
      $(function () {
          var galleries = $('.ad-gallery').adGallery({
             loader_image: '/common/css/loader.gif',
             start_at_index: <%=StartIndex%>
         }
      );
          $('#switch-effect').change(
      function () {
          galleries[0].settings.effect = $(this).val();
          return false;
      }
    );
          $('#toggle-slideshow').click(
      function () {
          galleries[0].slideshow.toggle();
          return false;
      }
    );
          $('#toggle-description').click(
      function () {
          if (!galleries[0].settings.description_wrapper) {
              galleries[0].settings.description_wrapper = $('#descriptions');
          } else {
              galleries[0].settings.description_wrapper = false;
          }
          return false;
      }
    );
      });
  </script>

  <style type="text/css">
  * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    color: #333;    
  }
  select, input, textarea {
    font-size: 1em;
  }
 
  h2 {   
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #fff;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #fff;
    padding: 10px;
  }
  ul {
    
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #fff;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 30px;
    background: #fff;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }
  </style>
</asp:Content> 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <uc1:AlbumList ID="AlbumList1" runat="server" />
</asp:Content>

